html,body{background-color: #fff;position: relative;min-width: 320px;}
.clear{width: 0px;height: 0px;clear: both;}
header{font-size: 1.2em;color: #fff;height: 3em;background-color: #000;}
.header{margin: 0 auto;width: 90%;}
.header .left {float: left;margin-top: 16px;}
.header .left .block span{background: url(../img/jiantou.png) -2px 0 no-repeat;background-size: cover;display: inline-block;width: 1em;height: 1em;vertical-align: bottom;margin-left: 0.3em;}
.header .left .block span{transform: rotate(0deg); -webkit-transition-duration:0.3s; -webkit-transition-timing-function:linear;}
.header .left:hover span{transform: rotateZ(180deg);}

.header .right{float: right;margin-top: 14px;}
.header .right span{background: url(../img/user.png) 0 0 no-repeat;float: right;width: 30px;height: 30px;background-size: cover;}
.dis{color: #fff;position: absolute;z-index: 100;background-color: #333;display: none;width: 4em;left: 5%;top: 3em;}
.dis li{float: left;width: 4em;text-align: center;line-height: 2em;font-size: 1em;}
.caidan{float: left;color: #fff;width: 100%;text-align: center;line-height: 3em;background-color: #000;overflow: hidden;}
.caidan .swiper-slide{font-size: 1em;color: rgba(255,255,255,0.5);}
.swiper-container01 .active-nav{color: #fff;border-bottom: 2px solid #ccc;}


.index{position: relative;z-index: 1;width: 90%;padding:10px 5%;}
.index .danpin{padding-bottom: 2px;border-bottom: 1px solid #000;margin-top: 1em;}
.index .danpin .inner{border-bottom: 2px solid #000;}
.index .danpin .tu img{width: 100%;}
.index .danpin .zi{width: 97%;padding: 0 1.5%;}
.index .danpin .zi h4{font-size: 1.5em;font-weight: normal;text-align: justify;padding: 0.5em 0;}
.index .danpin .zi small{color: #ccc;}
.index .danpin .btm{height:2em;line-height: 2em;font-size: 1em;padding: 1em 0;}
.index .danpin .btm .left{float: left;}
.index .danpin .btm .left span{float: left;width: 20px;height: 20px;background: url(../img/dizhi.png) -20px 0 no-repeat;background-size: cover;}
.index .danpin .btm .right{float: right;color: #996600;}
.index .danpin .btm .right span{font-size: 1.5em;}

.swiper-container02{width: 100%;overflow: hidden;}
.swiper-container02 .swiper-slide{float: left;height: 100%;position: relative;}
.swiper-container02 .swiper-slide .lei{width: 98%;padding: 1% 1% 0 1%;float: left;margin: 0;position: absolute;}
.swiper-container02 .swiper-slide .lei .dp{width: 46%;float: left;margin: 2%;}
.swiper-container02 .swiper-slide .lei .dp .tu{width: 100%;}
.swiper-container02 .swiper-slide .lei .dp .tu img{width: 100%;float: left;}
.swiper-container02 .swiper-slide .lei .dp .zi{border: 1px solid #ccc;border-top: none;float: left;width: 100%;box-sizing: border-box;}
.swiper-container02 .swiper-slide .lei .dp .zi h4{height: 3em;line-height: 1.5em;overflow: hidden;width: 90%;margin: 0.5em auto;font-weight: normal;text-align: justify;}
.swiper-container02 .swiper-slide .lei .dp .zi .btm{height: 2em;line-height: 2em;width: 90%;margin: 0.5em auto;font-size: 1em;}
.swiper-container02 .swiper-slide .lei .dp .zi .btm .right{float: right;}
.swiper-container02 .swiper-slide .lei .dp .zi .btm .right span{float: left;width: 20px;height: 20px;background: url(../img/dizhi.png) -20px 0 no-repeat;background-size: cover;}
.swiper-container02 .swiper-slide .lei .dp .zi .btm .left{float: left;color: #996600;}
.swiper-container02 .swiper-slide .lei .dp .zi .btm .left span{font-size: 1.5em;}




























